<script setup lang="ts">
import { useRoute } from 'vue-router'

import Head from './head.vue'
const route = useRoute()
</script>

<template >
  <div class="body">

    <Head class="head"></Head>
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component" :key="route.name" />
      </keep-alive>

    </router-view>

  </div>
</template>

<style lang="scss" scoped>
.body {
  width: 100%;
  height: 100%;
  background-color: $bg-color-1;
  position: relative;

  .head {
    height: 8vh;
    z-index: 100;
    position: fixed;
    width: 100%;

  }


}
</style>
